<div class="box gradient span6">
<div class="title">
<div class="row-fluid">
<div class="span6">
<h4>
<span>Lakások</span>
</h4>
</div>
<!-- End .span6 -->
<div class="span6 to_hide right_offset">
        <div class="btn-toolbar">
        <div class="options_arrow pull-right">
        <div class="dropdown pull-right">
        <a class="dropdown-toggle " id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
        <i class=" icon-caret-down"></i>
        </a>
        <ul class="dropdown-menu " role="menu" aria-labelledby="dLabel">
        <li><a href="#">Today</a></li>
        <li><a href="#">Yesterday</a></li>
        <li><a href="#">Last 7 Days</a></li>
        <li><a href="#">Last 30 Days</a></li>
        </ul>
        </div>
        </div>
        </div>
        </div>
                <!-- End .span6 -->
                </div>
                <!-- End .row-fluid -->
                </div>
                <!-- End .title -->
                <div class="content">


                <div id="placeholder2" style="width:100%;height:400px;"></div>

                <?php
                        registerScriptFile(baseUrl() . '/js/jquery.flot.js');
                        registerScriptFile(baseUrl() . '/js/jquery.flot.stack.js');
                        ?>


            <script id="source">
            $(function () {
                // we use an inline data source in the example, usually data would
                // be fetched from a server
                var data = [], totalPoints = 300;
                function getRandomData() {
                    if (data.length > 0)
                        data = data.slice(1);

                    // do a random walk
                    while (data.length < totalPoints) {
                        var prev = data.length > 0 ? data[data.length - 1] : 50;
                        var y = prev + Math.random() * 10 - 5;
                        if (y < 0)
                            y = 0;
                        if (y > 100)
                            y = 100;
                        data.push(y);
                    }

                    // zip the generated y values with the x values
                    var res = [];
                    for (var i = 0; i < data.length; ++i)
                        res.push([i, data[i]])
                    return res;
                }

                // setup control widget
                var updateInterval = 30;
                $("#updateInterval").val(updateInterval).change(function () {
                    var v = $(this).val();
                    if (v && !isNaN(+v)) {
                        updateInterval = +v;
                        if (updateInterval < 1)
                            updateInterval = 1;
                        if (updateInterval > 2000)
                            updateInterval = 2000;
                        $(this).val("" + updateInterval);
                    }
                });

                // setup plot
                var options = {
                    series: { shadowSize: 0 }, // drawing is faster without shadows
                    yaxis: { min: 0, max: 100 },
                    xaxis: { show: false }
                };
                var plot = $.plot($("#placeholder2"), [ getRandomData() ], options);

                function update() {
                    plot.setData([ getRandomData() ]);
                    // since the axes don't change, we don't need to call plot.setupGrid()
                    plot.draw();

                    setTimeout(update, updateInterval);
                }

                update();
            });
            </script>


            </div>
          </div>